<template>
  <div
    v-show="loading"
    class="loading-container"
  />
</template>

<script>
import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState({
      loading: (state) => state.loading.loading,
    }),
  },
};
</script>

<style scoped>
.loading-container{
    width: 100vw;
        height: 100vh;
        background-color: rgba(1, 1, 1, 0.3);
        position: fixed;
        left:0;
        top:0;
}
</style>
